@mixin text-ellipsis() {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}

@mixin text-ellipsis-multi-line($line: 2) {
  overflow: hidden;

  /* stylelint-disable-next-line */
  display: -webkit-box;
  -webkit-line-clamp: $line;

  /* stylelint-disable-next-line */
  -webkit-box-orient: vertical;
}

@mixin scrollbar() {
  &::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }

  &::-webkit-scrollbar-thumb {
    background: rgba($color: #006eff, $alpha: 1);
    border-radius: 2px;
  }

  &::-webkit-scrollbar-track {
    background-image: linear-gradient(#f5f5f5, #f5f5f5), linear-gradient(#006eff, #006eff);
    border-radius: 5px;
    background-blend-mode: normal, normal;
  }
}